<style lang="scss">
  @import './uv.scss';
</style>
<template>
  <div>
    <uv-navbar class=""  autoBack placeholder bgColor="#ffffff" title="退款状态" />
    <div>
      <div class="p1756281632">
        <uv-cell-group :border="false">
          <uv-cell :cellStyle="{padding: '30rpx 30rpx 0 30rpx'}" :titleStyle="{fontSize: '28rpx', color: '#898989'}" :border="false"
            title="订单编号 2920 0385 1895 4359 25"></uv-cell>
          <uv-cell :cellStyle="{padding: '30rpx '}"
            :titleStyle="{fontSize: '42rpx', color: '#333', fontWeight: 700}" title="退款总额">
            <template v-slot:value>
              <div style="font-weight: 700;" class="fz44">¥8.00</div>
            </template>
          </uv-cell>
          <uv-cell :cellStyle="{padding: '30rpx 30rpx 20rpx 30rpx'}"
            :titleStyle="{fontSize: '32rpx', color: '#333', fontWeight: 500}" :border="false" title="下单支付">
            <template v-slot:value>
              <div style="font-weight: 500;" class="fz34">¥8.00</div>
            </template>
          </uv-cell>
          <uv-cell :cellStyle="{padding: '0 30rpx'}" :titleStyle="{fontSize: '28rpx', color: '#E60012'}" :border="false"
            title="未到账">
            <template v-slot:value>
              <div style="color: #E60012;" class="fz28">审核中</div>
            </template>
          </uv-cell>
          <uv-cell :cellStyle="{padding: '0 30rpx'}" :titleStyle="{fontSize: '28rpx', color: '#898989'}" :border="false"
            title="未到账 | 退回账户">
          </uv-cell>
        </uv-cell-group>
        <div class="p1756282380">
          <uv-collapse  :border="false">
            <uv-collapse-item :clickable="false" :border="false" title="未到账 | 退回账户" name="2" value="已退款">
              <div class=" p1756282631">
                <uv-steps activeIcon="checkmark-circle-fill" activeColor="#E60012" current="2" direction="column">
                  <uv-steps-item title="审核通过">
                    <template v-slot:desc>
                      <div class="fz28">您的退款申请已受理</div>
                      <div class="fz28">2025-07-08 09:03:25</div>
                    </template>
                  </uv-steps-item>
                  <uv-steps-item title="原支付方式已受理退款" desc="">
                         <template v-slot:desc>
                      <div class="fz28">您的退款已被原支付方式成功受理，预计在1-3个工作日到账。2025-07-08 09:03:25</div>
                    </template>
                  </uv-steps-item>
                </uv-steps>
              </div>

            </uv-collapse-item>

          </uv-collapse>
        </div>
      </div>
      <div class="p1756191456 fac jcc">
        <uv-button size="mini" text="" @click="">
          <div class="fz36 p1756193077" style="color: #fff;">联系客服</div>
        </uv-button>
      </div>
    </div>
  </div>
</template>
<script>
  import { cancelOrderDuringService } from '@/api/index.js'
  export default {

    data() {
      return {
        routeQuery: {}
      }
    },

    onLoad(options) {
      if (options) this.routeQuery = options
    },
    methods: {
    }
  }
</script>
<style>
  page {
    background-color: #fff;
  }
</style>
<style lang="scss" scoped>
@import './common.scss';
  .fz44 {
    font-size: 44rpx;
  }

  .p1756281632 {}

  .p1756191456 {
    border-radius: 10rpx;
    height: 94rpx;
    max-height: 94rpx;
    line-height: 94rpx;
    font-weight: 500;
    font-size: 36rpx;
    overflow: hidden;
    text-align: center;
    color: #fff;
    position: fixed;
    bottom: 30rpx;
    width: calc(100vw - 60rpx);
    left: 30rpx;
    box-sizing: border-box;
  }
</style>